<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/common/include/page.jsp" %>
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>首页 - easyui</title>
		<!-- 引入css -->
		<link rel="stylesheet" type="text/css" href="${rootPath }/themes/default/easyui.css">
		<link rel="stylesheet" type="text/css" href="${rootPath }/themes/icon.css">
		<!-- 引用脚本 -->
		<script type="text/javascript" src="${rootPath }/js/jquery.min.js"></script>
		<script type="text/javascript" src="${rootPath }/js/jquery.easyui.min.js"></script>
		<script type="text/javascript" src="${rootPath }/js/easyui-lang-zh_CN.js"></script>

		<!-- 自己写的js -->
		<script type="text/javascript" src="${rootPath }/common/resource/util.js"></script>
		<script type="text/javascript" src="${rootPath }/common/resource/easyui.js"></script>
		<script type="text/javascript">
			$(function()
			{
				/* 树形结构 */
				$("#leftTree").tree(
				{
					/* 树形菜单 */
					"url":"${rootPath}/json/tree.json",
					/* 单击事件 */
					"onClick":function(node)
					{
						/*alert(node.attributes)*/
						var attr = node.attributes ; 
						if(attr != undefined)
						{
							/* 添加新的选项卡 */
							addTabs(window,node.text,attr.url);
						}
					}
				});
			})
		</script>
	</head>
	<body class="easyui-layout">
		<div data-options="region:'north'" title="北" style="height: 50px">北</div>
		<div data-options="region:'south',split:true" title="南" style="height: 50px">南</div>
		<div data-options="region:'west',split:true" title="西" style="width:200px;">
			<!-- 左侧导航 -->
			<!-- <ul class="easyui-tree" id="leftTree">
				<li><span>用户管理</span></li>
				<li><span>系统管理</span>
					<ul>
						<li>
							<span>管理员管理</span>
							<ul>
								<li><a href="#" url="list.html">管理员列表</a></li>
								<li><a href="#" url="insert.html">管理员添加</a></li>
							</ul>
						</li>
						<li>
							<span>角色管理</span>
							<ul>
								<li><a href="#">角色列表</a></li>
								<li><a href="#">角色添加</a></li>
							</ul>
						</li>
					</ul>
				</li>
			</ul> -->
			<ul class="easyui-tree" id="leftTree">
			</ul>
		</div>
		<div data-options="region:'east',split:true" title="东" style="width:100px;">东</div>
		<!-- 多选项卡 -->
		<div id="tabs" data-options="region:'center',split:true,iconCls:'icon-ok'" class="easyui-tabs">
			<div title="主页">
				主页
			</div>
			<!-- <div title="测试2" data-options="closable:true">
				测试2
			</div>
			<div title="测试3" data-options="closable:true">
				测试3
			</div> -->
		</div>
	</body>
</html>